

<!DOCTYPE html>
<html lang="zh-CN" data-default-color-scheme=auto>



<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/IKKIS_LOGO.png">
  <link rel="icon" href="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/IKKIS_LOGO.png">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="theme-color" content="#2f4154">
  <meta name="author" content="Ikki">
  <meta name="keywords" content="">
  
    <meta property="og:type" content="website">
<meta property="og:title" content="IKKI">
<meta property="og:url" content="http://81.68.132.127/index.html">
<meta property="og:site_name" content="IKKI">
<meta property="og:locale" content="zh_CN">
<meta property="article:author" content="Ikki">
<meta name="twitter:card" content="summary_large_image">
  
  
    <meta name="referrer" content="no-referrer-when-downgrade">
  
  
  <title>IKKI</title>

  <link  rel="stylesheet" href="https://lib.baomitu.com/twitter-bootstrap/4.6.1/css/bootstrap.min.css" />





<!-- 主题依赖的图标库，不要自行修改 -->
<!-- Do not modify the link that theme dependent icons -->

<link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_hj8rtnfg7um.css">



<link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_lbnruvf0jn.css">


<link  rel="stylesheet" href="/css/main.css" />


  <link id="highlight-css" rel="stylesheet" href="/css/highlight.css" />
  
    <link id="highlight-css-dark" rel="stylesheet" href="/css/highlight-dark.css" />
  



  
<link rel="stylesheet" href="/fluid/css/fluid-extention.css">
<link rel="stylesheet" href="/fluid/css/nihao.css">



  <script id="fluid-configs">
    var Fluid = window.Fluid || {};
    Fluid.ctx = Object.assign({}, Fluid.ctx)
    var CONFIG = {"hostname":"81.68.132.127","root":"/","version":"1.9.3","typing":{"enable":true,"typeSpeed":70,"cursorChar":"_","loop":false,"scope":[]},"anchorjs":{"enable":true,"element":"h1,h2,h3,h4,h5,h6","placement":"left","visible":"hover","icon":""},"progressbar":{"enable":true,"height_px":3,"color":"#29d","options":{"showSpinner":false,"trickleSpeed":100}},"code_language":{"enable":true,"default":"TEXT"},"copy_btn":true,"image_caption":{"enable":true},"image_zoom":{"enable":true,"img_url_replace":["",""]},"toc":{"enable":true,"placement":"left","headingSelector":"h1,h2,h3,h4,h5,h6","collapseDepth":3},"lazyload":{"enable":true,"loading_img":"https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif","onlypost":false,"offset_factor":2},"web_analytics":{"enable":false,"follow_dnt":true,"baidu":null,"google":null,"gtag":null,"tencent":{"sid":null,"cid":null},"woyaola":null,"cnzz":null,"leancloud":{"app_id":null,"app_key":null,"server_url":null,"path":"window.location.pathname","ignore_local":false}},"search_path":"/local-search.xml"};

    if (CONFIG.web_analytics.follow_dnt) {
      var dntVal = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
      Fluid.ctx.dnt = dntVal && (dntVal.startsWith('1') || dntVal.startsWith('yes') || dntVal.startsWith('on'));
    }
  </script>
  <script  src="/js/utils.js" ></script>
  <script  src="/js/color-schema.js" ></script>
  


  
<meta name="generator" content="Hexo 5.4.2"></head>


<body>
  

  <header>
    

<div class="header-inner" style="height: 100vh;">
  <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand" href="/">
      <strong>Ikki-BUG制造者</strong>
    </a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/">
                <i class="iconfont icon-home-fill"></i>
                首页
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/archives/">
                <i class="iconfont icon-archive-fill"></i>
                归档
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/categories/">
                <i class="iconfont icon-category-fill"></i>
                分类
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/tags/">
                <i class="iconfont icon-tags-fill"></i>
                标签
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/about/">
                <i class="iconfont icon-user-fill"></i>
                关于
              </a>
            </li>
          
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" target="_self" href="javascript:;" data-toggle="modal" data-target="#modalSearch" aria-label="Search">
              &nbsp;<i class="iconfont icon-search"></i>&nbsp;
            </a>
          </li>
          
        
        
          <li class="nav-item" id="color-toggle-btn">
            <a class="nav-link" target="_self" href="javascript:;" aria-label="Color Toggle">&nbsp;<i
                class="iconfont icon-dark" id="color-toggle-icon"></i>&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>
</nav>

  

<div id="banner" class="banner" parallax=true
     style="background: url('http://image.ikki0603.cn') no-repeat center center; background-size: cover;">
  <div class="full-bg-img">
    <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
      <div class="banner-text text-center fade-in-up">
        <div class="h2">
          
            <span id="subtitle" data-typed-text=""></span>
          
        </div>

        
      </div>

      
        <div class="scroll-down-bar">
          <i class="iconfont icon-arrowdown"></i>
        </div>
      
    </div>
  </div>
</div>

</div>

  </header>

  <main>
    
      <div class="container nopadding-x-md">
        <div id="board"
          style="margin-top: 0">
          
          <div class="container">
            <div class="row">
              <div class="col-12 col-md-10 m-auto">
                


  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/17/react/basic/react-all-api/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-47ve2o.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="react-api">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
          <i class="index-pin iconfont icon-top" title="Pin on top"></i>
        
        <a href="/2022/10/17/react/basic/react-all-api/" target="_self">
          react-api
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/17/react/basic/react-all-api/" target="_self">
        <div>
          React`官方提供了很多`Api`，只是这些`Api`我们并不常用，所以往往会忽略它们，但在一些特定的场景下，这些`Api`也会起到关键性的作用，所以今天就逐个盘点一下，说说它们的使用方法和使用场景。
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-17 19:08" pubdate>
              2022-10-17
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/react/" class="category-chain-item">react</a>
  
  
    <span>></span>
    
  <a href="/categories/react/%E5%9F%BA%E7%A1%80/" class="category-chain-item">基础</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/react/">#react</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/09/27/network/websocket/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-28rjj6.png" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="websocket">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
          <i class="index-pin iconfont icon-top" title="Pin on top"></i>
        
        <a href="/2022/09/27/network/websocket/" target="_self">
          websocket
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/09/27/network/websocket/" target="_self">
        <div>
          WebSockets_API是HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-09-27 15:51" pubdate>
              2022-09-27
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86/" class="category-chain-item">网络知识</a>
  
  
    <span>></span>
    
  <a href="/categories/%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86/websocket/" class="category-chain-item">websocket</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86/">#网络知识</a>
            
              <a href="/tags/websocket/">#websocket</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/11/11/FrontEndEngineering/%E7%BB%84%E4%BB%B6%E5%BA%93%E6%90%AD%E5%BB%BA/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-pk6y2p.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="antd组件库搭建">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/11/11/FrontEndEngineering/%E7%BB%84%E4%BB%B6%E5%BA%93%E6%90%AD%E5%BB%BA/" target="_self">
          antd组件库搭建
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/11/11/FrontEndEngineering/%E7%BB%84%E4%BB%B6%E5%BA%93%E6%90%AD%E5%BB%BA/" target="_self">
        <div>
          0到1搭建antd组件库
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-11-11 22:14" pubdate>
              2022-11-11
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E7%BB%84%E4%BB%B6%E5%BA%93/" class="category-chain-item">组件库</a>
  
  
    <span>></span>
    
  <a href="/categories/%E7%BB%84%E4%BB%B6%E5%BA%93/antd/" class="category-chain-item">antd</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E7%BB%84%E4%BB%B6%E5%BA%93/">#组件库</a>
            
              <a href="/tags/antd/">#antd</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/11/11/formily/formily%E7%AE%80%E7%89%88%E6%BA%90%E7%A0%81/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-o3zzj7.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="formily简版源码">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/11/11/formily/formily%E7%AE%80%E7%89%88%E6%BA%90%E7%A0%81/" target="_self">
          formily简版源码
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/11/11/formily/formily%E7%AE%80%E7%89%88%E6%BA%90%E7%A0%81/" target="_self">
        <div>
          formily简版源码
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-11-11 22:04" pubdate>
              2022-11-11
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E7%BB%84%E4%BB%B6%E5%BA%93/" class="category-chain-item">组件库</a>
  
  
    <span>></span>
    
  <a href="/categories/%E7%BB%84%E4%BB%B6%E5%BA%93/formily/" class="category-chain-item">formily</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E7%BB%84%E4%BB%B6%E5%BA%93/">#组件库</a>
            
              <a href="/tags/formily/">#formily</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/11/11/formily/umi4+formily/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-l3qv92.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="umi4+formily">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/11/11/formily/umi4+formily/" target="_self">
          umi4+formily
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/11/11/formily/umi4+formily/" target="_self">
        <div>
          umi4+formily
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-11-11 21:57" pubdate>
              2022-11-11
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E7%BB%84%E4%BB%B6%E5%BA%93/" class="category-chain-item">组件库</a>
  
  
    <span>></span>
    
  <a href="/categories/%E7%BB%84%E4%BB%B6%E5%BA%93/formily/" class="category-chain-item">formily</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E7%BB%84%E4%BB%B6%E5%BA%93/">#组件库</a>
            
              <a href="/tags/formily/">#formily</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/11/11/formily/formily%E5%9F%BA%E7%A1%80/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-l35xgr.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="formily基础">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/11/11/formily/formily%E5%9F%BA%E7%A1%80/" target="_self">
          formily基础
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/11/11/formily/formily%E5%9F%BA%E7%A1%80/" target="_self">
        <div>
          formily是一款面向中后台复杂场景的数据+协议驱动的表单框架
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-11-11 21:50" pubdate>
              2022-11-11
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E7%BB%84%E4%BB%B6%E5%BA%93/" class="category-chain-item">组件库</a>
  
  
    <span>></span>
    
  <a href="/categories/%E7%BB%84%E4%BB%B6%E5%BA%93/formily/" class="category-chain-item">formily</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E7%BB%84%E4%BB%B6%E5%BA%93/">#组件库</a>
            
              <a href="/tags/formily/">#formily</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/31/react/router/%E5%AE%9E%E7%8E%B0%E7%AE%80%E7%89%88router/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-l315vy.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="实现一个简版mini-router">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/31/react/router/%E5%AE%9E%E7%8E%B0%E7%AE%80%E7%89%88router/" target="_self">
          实现一个简版mini-router
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/31/react/router/%E5%AE%9E%E7%8E%B0%E7%AE%80%E7%89%88router/" target="_self">
        <div>
          1. React路由原理    不同的路径渲染不同的组件 有两种实现方式   HashRouter:利用hash实现路由切换   BrowserRouter:实现h5 Api实现路由的切换    1.1 HashRouter   利用hash实现路由切换  public\index.html xml1234567891011121314151617181920212223242526272829&
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-31 07:08" pubdate>
              2022-10-31
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/react/" class="category-chain-item">react</a>
  
  
    <span>></span>
    
  <a href="/categories/react/react-router/" class="category-chain-item">react-router</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/react/">#react</a>
            
              <a href="/tags/react-router/">#react-router</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/30/dev_ops/docker/02.docker-compose.yml%E6%96%87%E4%BB%B6%E5%B8%B8%E7%94%A8%E5%8F%82%E6%95%B0/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-k75977.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="02.docker-compose.yml文件常用参数">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/30/dev_ops/docker/02.docker-compose.yml%E6%96%87%E4%BB%B6%E5%B8%B8%E7%94%A8%E5%8F%82%E6%95%B0/" target="_self">
          02.docker-compose.yml文件常用参数
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/30/dev_ops/docker/02.docker-compose.yml%E6%96%87%E4%BB%B6%E5%B8%B8%E7%94%A8%E5%8F%82%E6%95%B0/" target="_self">
        <div>
          docker-compose.yml文件详解Compose允许用户通过一个docker-compose.yml模板文件（YAML 格式）来定义一组相关联的应用容器为一个项目（project）。Compose模板文件是一个定义服务、网络和卷的YAML文件。Compose模板文件默认路径是当前目录下的docker-compose.yml，可以使用.yml或.yaml作为文件扩展名。Docker-Com
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-30 02:26" pubdate>
              2022-10-30
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E8%BF%90%E7%BB%B4/" class="category-chain-item">运维</a>
  
  
    <span>></span>
    
  <a href="/categories/%E8%BF%90%E7%BB%B4/docker/" class="category-chain-item">docker</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E8%BF%90%E7%BB%B4/">#运维</a>
            
              <a href="/tags/docker/">#docker</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/27/dev_ops/linux/10.%E7%BD%91%E7%BB%9C/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-j3z8pw.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="10.linux网络">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/27/dev_ops/linux/10.%E7%BD%91%E7%BB%9C/" target="_self">
          10.linux网络
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/27/dev_ops/linux/10.%E7%BD%91%E7%BB%9C/" target="_self">
        <div>
          1. 配置IP地址 1.1 ifconfig临时配置IP   查看与配置网络状态  3. 查看网络环境 3.1 查询网络状态   netstat 选项     选项 含义    -t 列出TCP协议端口   -u 列出UDP协议端口   -n 不使用域名与服务名，而使用IP地址和端口号   -l 仅列出在监听状态网络服务   -a 列出所有的网络连接   1c1234netstat -tlunne
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-27 06:15" pubdate>
              2022-10-27
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E8%BF%90%E7%BB%B4/" class="category-chain-item">运维</a>
  
  
    <span>></span>
    
  <a href="/categories/%E8%BF%90%E7%BB%B4/linux/" class="category-chain-item">linux</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E8%BF%90%E7%BB%B4/">#运维</a>
            
              <a href="/tags/linux/">#linux</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/24/dev_ops/docker/01.docker%E5%9F%BA%E7%A1%80/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-j3m8y5.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="01.docker基础">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/24/dev_ops/docker/01.docker%E5%9F%BA%E7%A1%80/" target="_self">
          01.docker基础
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/24/dev_ops/docker/01.docker%E5%9F%BA%E7%A1%80/" target="_self">
        <div>
          1. 布署软件的问题    如果想让软件运行起来要保证操作系统的设置，各种库和组件的安装都是正确的   热带鱼&amp;冷水鱼 冷水鱼适应的水温在5-30度，而热带鱼只能适应22-30度水温，低于22度半小时就冻死了  2. 虚拟机  虚拟机（virtual machine）就是带环境安装的一种解决方案。它可以在一种操作系统里面运行另一种操作系统   资源占用多   冗余步骤多   启动速度慢
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-24 20:26" pubdate>
              2022-10-24
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E8%BF%90%E7%BB%B4/" class="category-chain-item">运维</a>
  
  
    <span>></span>
    
  <a href="/categories/%E8%BF%90%E7%BB%B4/docker/" class="category-chain-item">docker</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E8%BF%90%E7%BB%B4/">#运维</a>
            
              <a href="/tags/docker/">#docker</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/24/dev_ops/linux/crontab%E7%B3%BB%E7%BB%9F%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-j323py.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="08.crontab定时任务">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/24/dev_ops/linux/crontab%E7%B3%BB%E7%BB%9F%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1/" target="_self">
          08.crontab定时任务
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/24/dev_ops/linux/crontab%E7%B3%BB%E7%BB%9F%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1/" target="_self">
        <div>
          1. 系统定时任务    有些任务比如备份数据库等操作需要在系统空闲的时候执行  1.1 crontab   可以循环定时执行定时任务   cron  maxima12systemctl restart crond.service  1.1.1 crontab设置   crontab [选项] 选项   -e 编辑crontab定时任务   -l 查询crontab任务   -r 删除当前用户所有
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-24 17:45" pubdate>
              2022-10-24
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E8%BF%90%E7%BB%B4/" class="category-chain-item">运维</a>
  
  
    <span>></span>
    
  <a href="/categories/%E8%BF%90%E7%BB%B4/linux/" class="category-chain-item">linux</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E8%BF%90%E7%BB%B4/">#运维</a>
            
              <a href="/tags/linux/">#linux</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/24/dev_ops/linux/%E8%BF%9B%E7%A8%8B%E7%AE%A1%E7%90%86/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-e7kejr.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="07.进程管理">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/24/dev_ops/linux/%E8%BF%9B%E7%A8%8B%E7%AE%A1%E7%90%86/" target="_self">
          07.进程管理
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/24/dev_ops/linux/%E8%BF%9B%E7%A8%8B%E7%AE%A1%E7%90%86/" target="_self">
        <div>
          1. 进程管理 1.1 进程   进程是正在执行的一个程序或命令，每一个进程都是一个运行的实体，都有自己的地址空间并且用一定的系统资源   进程就是正在执行的某个程序  1.2 进程管理简介   判断服务器的状态   查看系统中的所有进程   杀死进程，只有无法关闭才要杀死进程  1.3 ps - 进程的查看命令   ps aux 查看系统中所有进程，使用BSD操作系统格式   ps -le 查看
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-24 07:15" pubdate>
              2022-10-24
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E8%BF%90%E7%BB%B4/" class="category-chain-item">运维</a>
  
  
    <span>></span>
    
  <a href="/categories/%E8%BF%90%E7%BB%B4/linux/" class="category-chain-item">linux</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E8%BF%90%E7%BB%B4/">#运维</a>
            
              <a href="/tags/linux/">#linux</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/24/dev_ops/linux/%E8%BD%AF%E4%BB%B6%E5%8C%85%E7%AE%A1%E7%90%86/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-e7j33o.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="06.软件包管理">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/24/dev_ops/linux/%E8%BD%AF%E4%BB%B6%E5%8C%85%E7%AE%A1%E7%90%86/" target="_self">
          06.软件包管理
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/24/dev_ops/linux/%E8%BD%AF%E4%BB%B6%E5%8C%85%E7%AE%A1%E7%90%86/" target="_self">
        <div>
          1.软件包管理    RPM是RedHat Package Manager（RedHat软件包管理工具）类似Windows里面的”添加/删除程序”  1.1 软件包的分类 源码包(需要经过编译，把人所编写的源代码编译成机器语言才能运行) 优点   开源免费   可以自由配置功能   编译安装更适合自己系统，更稳定   卸载方便   缺点   安装过程比较复杂   编译过程比较长   安装过程一旦报
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-24 06:45" pubdate>
              2022-10-24
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E8%BF%90%E7%BB%B4/" class="category-chain-item">运维</a>
  
  
    <span>></span>
    
  <a href="/categories/%E8%BF%90%E7%BB%B4/linux/" class="category-chain-item">linux</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E8%BF%90%E7%BB%B4/">#运维</a>
            
              <a href="/tags/linux/">#linux</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/23/dev_ops/linux/%E6%9D%83%E9%99%90/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-dp19wl.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="04.权限">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/23/dev_ops/linux/%E6%9D%83%E9%99%90/" target="_self">
          04.权限
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/23/dev_ops/linux/%E6%9D%83%E9%99%90/" target="_self">
        <div>
          1. 文件权限 1.1 文件基本权限drwxr-xr-x  文件类型   - 文件   d 目录   l 软链接文件     所有者 所属组 其它人   r读 w写 x执行     所有者 所属组 其它人    drwx r-x r-x   1.2 基本权限的修改chmod [选项] 模式(权限数字) 文件名  选项   -R 递归   模式(权限数字) 模式 [ugoa][+-=][rwx]
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-23 23:21" pubdate>
              2022-10-23
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E8%BF%90%E7%BB%B4/" class="category-chain-item">运维</a>
  
  
    <span>></span>
    
  <a href="/categories/%E8%BF%90%E7%BB%B4/linux/" class="category-chain-item">linux</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E8%BF%90%E7%BB%B4/">#运维</a>
            
              <a href="/tags/linux/">#linux</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/23/dev_ops/linux/%E7%94%A8%E6%88%B7%E5%92%8C%E7%94%A8%E6%88%B7%E7%BB%84/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-8oy372.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="03.用户和用户组">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/23/dev_ops/linux/%E7%94%A8%E6%88%B7%E5%92%8C%E7%94%A8%E6%88%B7%E7%BB%84/" target="_self">
          03.用户和用户组
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/23/dev_ops/linux/%E7%94%A8%E6%88%B7%E5%92%8C%E7%94%A8%E6%88%B7%E7%BB%84/" target="_self">
        <div>
          1. 用户和用户组    使用操作系统的人都是用户   用户组是具有相同系统权限的一组用户  2. 配置文件 2.1 /etc/group   /etc/group 存储当前系统中所有用户组信息   root 组编号为 0   1-499系统预留的编号 预留给安装的软件和服务的   用户手动创建的用户组从500开始   组密码占位符都是x   如果组内只有一个用户，而且用户名和组名相同的话，是可以
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-23 23:15" pubdate>
              2022-10-23
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E8%BF%90%E7%BB%B4/" class="category-chain-item">运维</a>
  
  
    <span>></span>
    
  <a href="/categories/%E8%BF%90%E7%BB%B4/linux/" class="category-chain-item">linux</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E8%BF%90%E7%BB%B4/">#运维</a>
            
              <a href="/tags/linux/">#linux</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/23/dev_ops/linux/vi%E5%91%BD%E4%BB%A4/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-6o19el.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="02.vi命令">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/23/dev_ops/linux/vi%E5%91%BD%E4%BB%A4/" target="_self">
          02.vi命令
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/23/dev_ops/linux/vi%E5%91%BD%E4%BB%A4/" target="_self">
        <div>
          Vim快捷键学习—记性不行了，留这里备查 1. vi编辑器    VI visual interface(可视化接口)   Linux中的编辑器,类似与windows中的记事本   VIM是VI编辑器的升级版   不需要鼠标，只用键盘就可以  2. 操作模式    模式名 含义    命令模式 等待输入的模式   输入模式 编辑模式，用于输入文本   底行(尾行、末行)模式 可以输入指令，搜索，保
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-23 23:11" pubdate>
              2022-10-23
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E8%BF%90%E7%BB%B4/" class="category-chain-item">运维</a>
  
  
    <span>></span>
    
  <a href="/categories/%E8%BF%90%E7%BB%B4/linux/" class="category-chain-item">linux</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E8%BF%90%E7%BB%B4/">#运维</a>
            
              <a href="/tags/linux/">#linux</a>
            
              <a href="/tags/vim/">#vim</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/23/dev_ops/linux/linux%E5%9F%BA%E7%A1%80%E5%91%BD%E4%BB%A4/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-57o619.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="01.linux基础命令">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/23/dev_ops/linux/linux%E5%9F%BA%E7%A1%80%E5%91%BD%E4%BB%A4/" target="_self">
          01.linux基础命令
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/23/dev_ops/linux/linux%E5%9F%BA%E7%A1%80%E5%91%BD%E4%BB%A4/" target="_self">
        <div>
          1. Linux    Linux是一套免费使用和自由传播的类Unix操作系统   在服务器端领域和嵌入式领域有非常广泛的应用  2.版本 分为内核版本和发型版本    kernel 各个厂商会制作自己的发行版本   redhat   CentOS   ubuntu   fedora    3. Linux与Windows的不同    Linux严格区分大小写   Linux中所有的内容以文件形式
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-23 23:11" pubdate>
              2022-10-23
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E8%BF%90%E7%BB%B4/" class="category-chain-item">运维</a>
  
  
    <span>></span>
    
  <a href="/categories/%E8%BF%90%E7%BB%B4/linux/" class="category-chain-item">linux</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E8%BF%90%E7%BB%B4/">#运维</a>
            
              <a href="/tags/linux/">#linux</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/20/JS/binary/%E4%BA%8C%E8%BF%9B%E5%88%B6%E5%AF%B9%E8%B1%A1/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-572k81.png" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="二进制对象">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/20/JS/binary/%E4%BA%8C%E8%BF%9B%E5%88%B6%E5%AF%B9%E8%B1%A1/" target="_self">
          二进制对象
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/20/JS/binary/%E4%BA%8C%E8%BF%9B%E5%88%B6%E5%AF%B9%E8%B1%A1/" target="_self">
        <div>
          JavaScript中用于表示二进制对象有，Blob对象、和 ArrayBuffer 对象。
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-20 23:11" pubdate>
              2022-10-20
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/" class="category-chain-item">前端基础</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/JS/" class="category-chain-item">JS</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/JS/%E8%BF%9B%E5%88%B6%E8%BD%AC%E6%8D%A2/" class="category-chain-item">进制转换</a>
  
  

  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/">#前端基础</a>
            
              <a href="/tags/js/">#js</a>
            
              <a href="/tags/%E4%BA%8C%E8%BF%9B%E5%88%B6%E5%AF%B9%E8%B1%A1/">#二进制对象</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/20/JS/binary/IEEE754%E6%A0%87%E5%87%86/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-571998.png" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="IEEE754标准">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/20/JS/binary/IEEE754%E6%A0%87%E5%87%86/" target="_self">
          IEEE754标准
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/20/JS/binary/IEEE754%E6%A0%87%E5%87%86/" target="_self">
        <div>
          IEEE二进制浮点数算术标准（IEEE 754）是20世纪80年代以来最广泛使用的浮点数运算标准，为许多CPU与浮点运算器所采用。
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-20 07:24" pubdate>
              2022-10-20
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/" class="category-chain-item">前端基础</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/JS/" class="category-chain-item">JS</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/JS/%E8%BF%9B%E5%88%B6%E8%BD%AC%E6%8D%A2/" class="category-chain-item">进制转换</a>
  
  

  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/">#前端基础</a>
            
              <a href="/tags/js/">#js</a>
            
              <a href="/tags/%E8%BF%9B%E5%88%B6%E8%BD%AC%E6%8D%A2/">#进制转换</a>
            
              <a href="/tags/IEEE754/">#IEEE754</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/20/JS/binary/%E4%BA%8C%E8%BF%9B%E5%88%B6%E5%9F%BA%E7%A1%80/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-4vzpyp.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="进制转换">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/20/JS/binary/%E4%BA%8C%E8%BF%9B%E5%88%B6%E5%9F%BA%E7%A1%80/" target="_self">
          进制转换
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/20/JS/binary/%E4%BA%8C%E8%BF%9B%E5%88%B6%E5%9F%BA%E7%A1%80/" target="_self">
        <div>
          进制转换是人们利用符号来计数的方法。进制转换由一组数码符号和两个基本因素“基数”与“位权”构成。基数是指，进位计数制中所采用的数码（数制中用来表示“量”的符号）的个数。位权是指，进位制中每一固定位置对应的单位值。
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-20 07:16" pubdate>
              2022-10-20
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/" class="category-chain-item">前端基础</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/JS/" class="category-chain-item">JS</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/JS/%E8%BF%9B%E5%88%B6%E8%BD%AC%E6%8D%A2/" class="category-chain-item">进制转换</a>
  
  

  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/">#前端基础</a>
            
              <a href="/tags/js/">#js</a>
            
              <a href="/tags/%E8%BF%9B%E5%88%B6%E8%BD%AC%E6%8D%A2/">#进制转换</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/10/07/network/http%E5%8D%8F%E8%AE%AE/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-1kz6jg.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="HTTP协议">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/10/07/network/http%E5%8D%8F%E8%AE%AE/" target="_self">
          HTTP协议
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/10/07/network/http%E5%8D%8F%E8%AE%AE/" target="_self">
        <div>
          1.HTTP 基本概念1.1 HTTP 是什么？ HTTP 是超文本传输协议，它可以拆成三个部分： 超文本 HTTP 是一个在计算机世界里专门在「两点」之间「传输」文字、图片、音频、视频等「超文本」数据的「约定和规范」。   传输 HTTP 是一个在计算机世界里专门用来在两点之间传输数据的约定和规范。 在 HTTP 里，需要中间人遵从 HTTP 协议，只要不打扰基本的数据传输，就可以添加任意额外的
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-10-07 19:22" pubdate>
              2022-10-07
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86/" class="category-chain-item">网络知识</a>
  
  
    <span>></span>
    
  <a href="/categories/%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86/HTTP/" class="category-chain-item">HTTP</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86/">#网络知识</a>
            
              <a href="/tags/HTTP/">#HTTP</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/09/30/node/%E4%B8%80%E6%96%87%E6%90%9E%E5%AE%9A%E5%89%8D%E5%90%8E%E7%AB%AF%E9%89%B4%E6%9D%83/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-28ve6m.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="最全前后端鉴权方案">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/09/30/node/%E4%B8%80%E6%96%87%E6%90%9E%E5%AE%9A%E5%89%8D%E5%90%8E%E7%AB%AF%E9%89%B4%E6%9D%83/" target="_self">
          最全前后端鉴权方案
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/09/30/node/%E4%B8%80%E6%96%87%E6%90%9E%E5%AE%9A%E5%89%8D%E5%90%8E%E7%AB%AF%E9%89%B4%E6%9D%83/" target="_self">
        <div>
          什么是认证？认证(Identification) 是指根据声明者所特有的识别信息，确认声明者的身份。 白话文的意思就是：你需要用身份证证明你自己是你自己。 比如我们常见的认证技术：  身份证 用户名和密码 用户手机：手机短信、手机二维码扫描、手势密码 用户的电子邮箱 用户的生物学特征：指纹、语音、眼睛虹膜 用户的大数据识别 等等  什么是授权？授权(Authorization)： 在信息安全领域是
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-09-30 16:39" pubdate>
              2022-09-30
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/node/" class="category-chain-item">node</a>
  
  
    <span>></span>
    
  <a href="/categories/node/%E9%89%B4%E6%9D%83/" class="category-chain-item">鉴权</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/node/">#node</a>
            
              <a href="/tags/%E5%90%8E%E7%AB%AF/">#后端</a>
            
              <a href="/tags/%E9%89%B4%E6%9D%83/">#鉴权</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/09/23/network/ISO%E4%B8%83%E5%B1%82%E6%A8%A1%E5%9E%8B/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-28mpg6.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="ISO七层模型">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/09/23/network/ISO%E4%B8%83%E5%B1%82%E6%A8%A1%E5%9E%8B/" target="_self">
          ISO七层模型
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/09/23/network/ISO%E4%B8%83%E5%B1%82%E6%A8%A1%E5%9E%8B/" target="_self">
        <div>
          参考链接 1.OSI七层模型 Open System Interconnection,适用于所有的网络  优点  分工带来效能 将复杂的流程分解为几个功能相对单一的子进程 整个流程更加清晰，复杂问题简单化 更容易发现问题并针对性的解决问题  1.1 分层模型 应用层：网络服务和最终用户的一个接口 表示层：数据的表示、安全、压缩 会话层：建立、管理、终止会话 传输层：定义传输数据的协议端口号，以及流
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-09-23 16:14" pubdate>
              2022-09-23
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86/" class="category-chain-item">网络知识</a>
  
  
    <span>></span>
    
  <a href="/categories/%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86/ISO%E4%B8%83%E5%B1%82%E6%A8%A1%E5%9E%8B/" class="category-chain-item">ISO七层模型</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86/">#网络知识</a>
            
              <a href="/tags/iso/">#iso</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/09/22/npm/package-json%E4%B8%8Epackage-lock-json%E7%9A%84%E5%85%B3%E7%B3%BB/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-47ve2o.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="package.json与package-lock.json的关系">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/09/22/npm/package-json%E4%B8%8Epackage-lock-json%E7%9A%84%E5%85%B3%E7%B3%BB/" target="_self">
          package.json与package-lock.json的关系
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/09/22/npm/package-json%E4%B8%8Epackage-lock-json%E7%9A%84%E5%85%B3%E7%B3%BB/" target="_self">
        <div>
          1.package.json管理包大家都知道，package.json 用来描述项目及项目所依赖的模块信息。，就是帮我们管理项目中的依赖包的，让我们远离了依赖地狱。 通过 npm 管理，使用一些简单的命令，自动生成package.json, 安装包依赖关系都由package.json来管理，我们几乎不必考虑它们。 语义版本控制首先我们先来了解下依赖包的版本号的定义 版本号由三部分组成：major.
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-09-22 18:06" pubdate>
              2022-09-22
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/" class="category-chain-item">前端工程化</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/npm/" class="category-chain-item">npm</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/">#前端工程化</a>
            
              <a href="/tags/npm/">#npm</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/09/22/npm/npm%E7%A7%81%E6%9C%89%E5%BA%93/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-3zmr6y.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="npm私有库">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/09/22/npm/npm%E7%A7%81%E6%9C%89%E5%BA%93/" target="_self">
          npm私有库
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/09/22/npm/npm%E7%A7%81%E6%9C%89%E5%BA%93/" target="_self">
        <div>
          1.npm私有库的理由 npm私有库只针对公司内部局域网开放，不对外部公开，具有一定的保密性 速度比在直接在npm下载更快，甚至是比淘宝源更快。因为毕竟是在公司局域网 对于发布和下载npm包配置权限管理 私有库能够将包资源进行缓存，响应的话会加快下载速度 搭建npm私有库算作对团队的一个技术亮点  1.1 选择verdaccio的理由 verdaccio是nodejs 创建的轻量的私有npm pr
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-09-22 17:56" pubdate>
              2022-09-22
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/" class="category-chain-item">前端工程化</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/npm/" class="category-chain-item">npm</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/">#前端工程化</a>
            
              <a href="/tags/npm/">#npm</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/09/22/npm/npm%E5%8C%85%E5%8F%91%E5%B8%83/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-28wgjx.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="npm包发布">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/09/22/npm/npm%E5%8C%85%E5%8F%91%E5%B8%83/" target="_self">
          npm包发布
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/09/22/npm/npm%E5%8C%85%E5%8F%91%E5%B8%83/" target="_self">
        <div>
          1.npm 包发布 规范的 npm 模块目录 一个 node.js模块是基于 CommonJS 模块化规范实现的，严格按照 CommonJS 规范，模块目录下除了必须包含包描述文件 package.json 以外，还需要包含以下目录： bin：存放可执行二进制文件的目录 lib：存放js代码的目录 doc：存放文档的目录 test：存放单元测试用例代码的目录    1.1 发布流程 先去 npm
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-09-22 17:54" pubdate>
              2022-09-22
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/" class="category-chain-item">前端工程化</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/npm/" class="category-chain-item">npm</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/">#前端工程化</a>
            
              <a href="/tags/npm/">#npm</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/09/22/npm/npm%E4%BB%8B%E7%BB%8D%E5%92%8Cpackage-json%E8%A7%A3%E6%9E%90/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-2ed16y.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="npm介绍和package.json解析">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/09/22/npm/npm%E4%BB%8B%E7%BB%8D%E5%92%8Cpackage-json%E8%A7%A3%E6%9E%90/" target="_self">
          npm介绍和package.json解析
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/09/22/npm/npm%E4%BB%8B%E7%BB%8D%E5%92%8Cpackage-json%E8%A7%A3%E6%9E%90/" target="_self">
        <div>
          1. package.json是如何产生的1.1 npm initnpm init 命令用来初始化一个简单的 package.json 文件，执行该命令后终端会依次询问 name, version, description 等字段。  npm init 默认执行行为 我们在执行 npm init 的时候,会有一个初始化 pacakge.json 过程，然后一路回车，其实可以直接使用 npm ini
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-09-22 17:42" pubdate>
              2022-09-22
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/" class="category-chain-item">前端工程化</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/npm/" class="category-chain-item">npm</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/">#前端工程化</a>
            
              <a href="/tags/npm/">#npm</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2022/09/22/npm/nrm%E4%BB%8B%E7%BB%8D/" target="_self">
          <img src="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/beijing/iTab-4vzpyp.jpeg" srcset="https://ikkiss.oss-cn-hangzhou.aliyuncs.com/images/myblog/loading.gif" lazyload alt="nrm介绍">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2022/09/22/npm/nrm%E4%BB%8B%E7%BB%8D/" target="_self">
          nrm介绍
        </a>
      </h1>

      
      <a class="index-excerpt " href="/2022/09/22/npm/nrm%E4%BB%8B%E7%BB%8D/" target="_self">
        <div>
          nrm小知识nrm的出现nrm是一个npm源管理器，允许你快速在npm源之间进行切换。为什么会这样说呢？npm 默认情况下是使用npm官方源(cmd  输入 npm config ls  命令查看：https://registry.npmjs.org/ )。在国内使用这个源是不靠谱的，毕竟下载慢动不动是卡的要死。所以我们一般是使用淘宝源：https://registry.npm.taobao.or
        </div>
      </a>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2022-09-22 17:36" pubdate>
              2022-09-22
            </time>
          </div>
        
        
          <div class="post-meta mr-3 d-flex align-items-center">
            <i class="iconfont icon-category"></i>
            

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/" class="category-chain-item">前端工程化</a>
  
  
    <span>></span>
    
  <a href="/categories/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/npm/" class="category-chain-item">npm</a>
  
  

  

      </span>
    
  
</span>

          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/">#前端工程化</a>
            
              <a href="/tags/npm/">#npm</a>
            
              <a href="/tags/nrm/">#nrm</a>
            
          </div>
        
      </div>
    </article>
  </div>





              </div>
            </div>
          </div>
        </div>
      </div>
    

    
      <a id="scroll-top-button" aria-label="TOP" href="#" role="button">
        <i class="iconfont icon-arrowup" aria-hidden="true"></i>
      </a>
    

    
      <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v" for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>

    

    
  </main>

  <footer>
    <div class="footer-inner">
  
    <div class="footer-content">
      IKKI-专业BUG开发
    </div>
  
  
    <div class="statistics">
  
  

  
    
      <span id="busuanzi_container_site_pv" style="display: none">
        总访问量 
        <span id="busuanzi_value_site_pv"></span>
         次
      </span>
    
    
      <span id="busuanzi_container_site_uv" style="display: none">
        总访客数 
        <span id="busuanzi_value_site_uv"></span>
         人
      </span>
    
    
  
</div>

  
  
  
</div>

  </footer>

  <!-- Scripts -->
  
  <script  src="https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.js" ></script>
  <link  rel="stylesheet" href="https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.css" />

  <script>
    NProgress.configure({"showSpinner":false,"trickleSpeed":100})
    NProgress.start()
    window.addEventListener('load', function() {
      NProgress.done();
    })
  </script>


<script  src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js" ></script>
<script  src="https://lib.baomitu.com/twitter-bootstrap/4.6.1/js/bootstrap.min.js" ></script>
<script  src="/js/events.js" ></script>
<script  src="/js/plugins.js" ></script>


  <script  src="https://lib.baomitu.com/typed.js/2.0.12/typed.min.js" ></script>
  <script>
    (function (window, document) {
      var typing = Fluid.plugins.typing;
      var subtitle = document.getElementById('subtitle');
      if (!subtitle || !typing) {
        return;
      }
      var text = subtitle.getAttribute('data-typed-text');
      
        jQuery.ajax({
          type: 'GET',
          url: 'https://saying.api.azwcl.com/saying/get',
          headers: {},
          dataType: 'json',
          success: function(result) {
            var apiText;
            if (result) {
              var keys = 'data,content'.split(',');
              if (result instanceof Array) {
                result = result[0];
              }
              for (const k of keys) {
                var value = result[k];
                if (typeof value === 'string') {
                  apiText = value;
                  break;
                } else if (value instanceof Object) {
                  result = value;
                }
              }
            }
            apiText ? typing(apiText) : typing(text);
          },
          error: function(xhr, status, error) {
            if (error) {
              console.error('Failed to request https://saying.api.azwcl.com/saying/get:', error);
            }
            typing(text);
          }
        })
      
    })(window, document);
  </script>




  
    <script  src="/js/img-lazyload.js" ></script>
  




  <script  src="/js/local-search.js" ></script>

  <script defer src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" ></script>




  
<script src="/fluid/js/star.js"></script>



<!-- 主题的启动项，将它保持在最底部 -->
<!-- the boot of the theme, keep it at the bottom -->
<script  src="/js/boot.js" ></script>


  

  <noscript>
    <div class="noscript-warning">博客在允许 JavaScript 运行的环境下浏览效果更佳</div>
  </noscript>
</body>
</html>
